@charset "utf-8";
/* CSS Document */

a:hover {text-decoration:none;}

h2.h2_title {text-align: center;height: 40px;background: url(../images/artline01.png) repeat-x left 84px;padding-top: 65px;font-weight: normal;}
h2.h2_title i {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 7px;height: 7px;background: url(../images/artty01.png) no-repeat center;}
h2.h2_title a {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;height: 40px;line-height: 40px;font-size: 32px;color: #d01817;padding: 0 20px;background: #fff;line-height: 40px;}
h2.h2_title span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;height: 40px;line-height: 40px;font-size: 32px;color: #d01817;padding: 0 20px;background: #fff;line-height: 40px;}
p.p_title {font-size: 16px;color: #333;text-align: center;height: 24px;line-height: 24px;padding-bottom: 30px;}


/* banner部分 */
.banner { overflow:hidden; width:100%;position: relative;z-index: 1;}
#flashs{ position:relative; height:550px; overflow:hidden;}
#flashs .bgitem{z-index:1;position:absolute; top:0; }
#flashs .btn{position: absolute;left: 0;bottom: 60px;width: 100%;text-align: center;z-index: 9999;}
#flashs .btn span {display: inline-block;*display: inline;*zoom: 1;width: 13px;height: 13px;background: url(../images/ty03.png) no-repeat center;margin-right: 25px;cursor: pointer;}
#flashs .btn span.cur {background: url(../images/ty04.png) no-repeat center;}

/*
#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;display: none;}
#flashs .bot1{ background:url(../images/babot1.png) no-repeat center; left:5%; z-index: 2;}
#flashs .bot2{ background:url(../images/babot2.png) no-repeat center; right:5%; z-index: 2;}
#flashs:hover .bot{display: block;}
*/
/**/
.product {background: #f4f4f4;padding-bottom: 40px;}
.product h2.h2_title a {background: #f4f4f4;}
.product p.p_title {font-weight: bold;}
.product .conleft {width: 270px;}
.product .conleft dl {padding-bottom: 15px;background: #fff;border: 1px solid #dddddd;border-radius: 0 0 5px 5px;}
.product .conleft dl:first-child {border-bottom: none;border-radius: 0;}
.product .conleft dl dt {height: 70px;line-height: 70px;width: 270px;position: relative;left: -1px;background: #d01817;font-size: 20px;text-indent: 30px;top: -1px;margin-bottom: 15px;border-radius: 5px 5px 0 0;}
.product .conleft dl dt a {display: block;color: #fff;height: 70px;background: url(../images/proicon02.png) no-repeat 220px center;}
.product .conleft dl:first-child dt a {display: block;color: #fff;height: 70px;background: url(../images/proicon01.png) no-repeat 220px center;}
.product .conleft dl dd {font-size: 14px;height: 44px;line-height: 44px;margin-left: 30px;padding-left: 20px;background: url(../images/ty01.png) no-repeat left center;position: relative;}
.product .conleft dl dd>a {color: #333;}
.product .conleft dl dd.cur ,.product .conleft dl dd:hover {background: url(../images/ty02.png) no-repeat left center;}
.product .conleft dl dd.cur>a ,.product .conleft dl dd:hover>a {color: #d01817;}

.product .conleft dl dd:hover ul {display: block;}

.product .conleft dl dd ul {display: none; position: absolute;left: 238px;top: 0;width: 200px;background: #fff;border: 1px solid #dddddd;border-left: none;z-index: 2;}
.product .conleft dl dd ul li {padding-left: 25px;background: url(../images/ty01.png) no-repeat 5px center;height: 44px;line-height: 44px;border-bottom: 1px solid #dddddd;}

.product .conleft dl dd ul li:hover {background: url(../images/ty02.png) no-repeat 5px center;}
.product .conleft dl dd ul li:hover a {color: #d01817;}



.product .conleft .left_tel {width: 270px;height: 110px;background: url(../images/f_bg.jpg) center;margin-top: 15px;border-radius: 5px;}
.product .conleft .left_tel .con_tel {padding: 32px 0 32px 70px;height: 46px; background: url(../images/pro_tel.png) no-repeat 22px center;color: #fff;}
.product .conleft .left_tel .con_tel .p1 {font-size: 13px;}
.product .conleft .left_tel .con_tel .p2 {font-size: 26px;}

.product .conright {width: 918px;position: relative;}
.product .conright .r_top {height: 388px;border: 1px solid #dddddd;border-radius: 5px;background: #fff;position: relative;overflow: hidden;}
.product .conright .r_top ul {position: relative;}
.product .conright .r_top ul li {float: left;width: 918px;}
.product .conright .r_top dl {position: relative;height: 388px;padding-left: 460px;}
.product .conright .r_top dl dt {width: 409px;border-right: 1px solid #dddddd;position: absolute;left: 0;top: 0;height: 353px;padding-top: 35px;}
.product .conright .r_top dl dt img {display: block;width:409px;height:337px;}
.product .conright .r_top dl dd.dd1 {font-size: 24px;padding-top: 50px;margin-bottom: 15px;}
.product .conright .r_top dl dd.dd1 a {color: #333;}
.product .conright .r_top dl dd.dd2 {font-size: 13px;color: #666;margin-bottom: 25px;line-height: 24px;padding-right: 80px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;}
.product .conright .r_top dl dd.dd3 {font-size: 13px;line-height: 24px;}

.product .conright .r_top dl dd.dd4 {height: 40px;position: absolute;width: 350px;left: 460px;top: 303px;}
.product .conright .r_top dl dd.dd4 a {float: left; width: 112px;height: 38px;border-radius: 20px;border: 1px solid #d7d7d7;line-height: 38px;text-align: center;font-size: 14px;margin-right: 20px;}

.product .conright .r_top dl dd.dd4 a:hover {background: #D01817;color: #fff;border-color: #D01817;}

.product .conright .r_top .pro_btnl {display: block;width: 31px;height: 31px;background: url(../images/jtl01.png) no-repeat center;position: absolute;left: 28px;top: 180px;cursor: pointer;}
.product .conright .r_top .pro_btnr {display: block;width: 31px;height: 31px;background: url(../images/jtr01.png) no-repeat center;position: absolute;right: 28px;top: 180px;cursor: pointer;}
.product .conright .r_top .pro_btnl:hover {background: url(../images/jtl02.png) no-repeat center;}
.product .conright .r_top .pro_btnr:hover {background: url(../images/jtr02.png) no-repeat center;}

.product .conright .prozt {display: block;width: 45px;height: 80px;background: url(../images/prozt.png) no-repeat center;position: absolute;right: 39px;top: -7px;z-index: 2;}

.product .conright .r_bot {margin-top: 10px;}
.product .conright .r_bot dl {float: left; border:1px solid #ddd;width: 298px;border-radius:5px;background: #fff;padding-bottom: 20px; margin:0 0 9px 9px;}
.product .conright .r_bot dl.bdnot {margin-left: 0;}
.product .conright .r_bot dl dt {height: 246px;}
.product .conright .r_bot dl dt img {display: block;}
.product .conright .r_bot dl dd.dd1 {font-size: 18px;text-align: center;height: 30px;line-height: 30px;margin-bottom: 5px;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;padding: 0 15px;}
.product .conright .r_bot dl dd.dd1 a{color: #333;}
.product .conright .r_bot dl dd.dd2 {font-size: 13px;line-height: 20px;text-align: center;padding: 0 40px;margin-bottom: 15px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.product .conright .r_bot dl dd.dd3 a {display: block;width: 114px;height: 40px;line-height: 40px;text-align: center;font-size: 14px;border: 1px solid #d7d7d7;border-radius:20px;margin: 0 auto;}

.product .conright .r_bot dl:hover dd.dd3 a {background: #D01817;color: #fff;border-color: #D01817;}



/**/
.xfys {height: 729px;padding-top: 277px;position: relative;background: url(../images/xfbg02.jpg) no-repeat center bottom;}
.xfproblem {height: 269px;background: url(../images/xfbg01.jpg) no-repeat center;position: absolute;top: 0px;left: 0;width: 100%;}
.xfproblem .container {padding-top: 30px;overflow: initial !important;}
.xfproblem dl {width: 158px;height: 158px;padding-right: 71px;background: url(../images/problembg.png) no-repeat left center;position: relative;}
.xfproblem dl.fl {margin-left: -64px;}
.xfproblem dl.fr {margin-right: -64px;}
.xfproblem dl:first-child {margin-left: 0;}
.xfproblem dl dt {padding-top: 50px;}
.xfproblem dl dt span {display: block;font-size: 18px;text-align: center;margin-bottom: 5px;color: #000;}
.xfproblem dl dt i {display: block;font-size: 18px;text-align: center;color: #000;}
.xfproblem dl dd {position: absolute;left: 0;bottom: 23px; width: 156px;text-align: center;font-size: 12px;color: #fff;}
.xfproblem img {float: left;margin-left: -64px;position: relative;left: 24px;top: 20px;}

.xfys h2.h2_title {background: url(../images/art02.png) no-repeat center bottom;}
.xfys .container {height: 570px;position: relative;overflow: hidden;}
.xfys .xfysImg {width: 627px;height: 520px;position: absolute;left: 295px;top: 1050px;}
.xfys .xfysImg img {display: block;}
.xfys .xfdl {width: 250px;position: absolute;height: 120px;overflow: hidden;}
.xfys .xfdl dt {font-size: 24px;color: #222222;margin-bottom: 10px;position: relative;top: 150px;}
.xfys .xfdl dt b {color: #d01817;}
.xfys .xfdl dd {font-size: 15px;color: #000;line-height: 20px;position: relative;top: 150px;}

.xfys .dl1 {left: 0;top: 110px;}
.xfys .dl2 {left: 0;top: 375px;}
.xfys .dl3 {right: 0;top: 110px;}
.xfys .dl4 {right: 0;top: 350px;}




/**/
/**/
.xflc {height: 209px;background: #f4f4f4;padding-top: 20px;}
.xflc h2.h2_title {padding-top: 0;background-position: left 19px;margin-bottom: 25px;}
.xflc h2.h2_title span {background: #f4f4f4;}

.xflc dl {width: 75px;padding-left: 85px;background: url(../images/lcbg.png) no-repeat 25px center;float: left;}
.xflc dl:first-child {background: none;}
.xflc dl dt {height: 60px;margin-bottom: 10px;}
.xflc dl dt img {display: block;margin: 0 auto;}
.xflc dl dd {font-size: 16px;font-weight: bold;text-align: center;color: #333;}

/**/
.khal {background: #d01817;padding-bottom: 50px;position: relative;}
.khal h2.h2_title {background-image: url(../images/artline02.png);}
.khal h2.h2_title i {background: url(../images/artty02.png) no-repeat center;}
.khal h2.h2_title a {background: #d01817;color: #fff;}
.khal p.p_title {color: #fff;}
.khal .container {position: relative;}
.khal .khalxl {display: block;width: 36px;height: 18px;position: absolute;left: 50%;margin-left: -18px;bottom: -68px;z-index: 2;background: url(../images/xl01.png) no-repeat center;}

.khal .khal_con {position: relative;}
.khal .khal_con .con_top {position: relative;overflow: hidden;}
.khal .khal_con .con_top ul {position: relative;}
.khal .khal_con .con_top ul li {float: left;width: 290px;margin-left: 12px;}
.khal .khal_con .con_top ul li:first-child {margin-left: 0;}
.khal .khal_con .con_top ul li i {display: block;width: 290px;height: 250px;overflow: hidden;}
.khal .khal_con .con_top ul li img {display: block;transition: all 0.5s;}
.khal .khal_con .con_top ul li p {height: 60px;line-height: 60px;text-align: center;font-size: 15px;color: #000;background: url(../images/khalbg.jpg);}

.khal .khal_con .con_top ul li:hover img {transform: scale(1.1);}

.khal .khal_con .khal_btnl {display: block;width: 54px;height: 59px;position: absolute;left: -80px;top: 130px;background: url(../images/jtl03.png) no-repeat center;cursor: pointer;}
.khal .khal_con .khal_btnr {display: block;width: 54px;height: 59px;position: absolute;right: -80px;top: 130px;background: url(../images/jtr03.png) no-repeat center;cursor: pointer;}


.khal .khal_con .khal_bot {height: 228px;background: url(../images/khalzxly.jpg) no-repeat center;margin-top: 10px;position: relative;box-shadow: 5px 35px 45px #a21312;}
.khal .khal_con .khal_bot .khal_info {width: 400px;height: 115px;position: absolute;right: 45px;top:75px;}
.khal .khal_con .khal_bot .khal_info .info_p {height: 45px;overflow: hidden;width: 266px;position: relative;border-bottom: 1px solid #fff;margin-bottom: 20px;}
.khal .khal_con .khal_bot .khal_info .info_p input {float: left;width: 220px;border: none;border: 1px solid #bcbcbc;border-right: none;height: 43px;line-height: 43px; font-size: 14px;color: #666;text-indent: 12px;background: none;}
.khal .khal_con .khal_bot .khal_info .info_p span {float: left;width: 44px;height: 43px;border: 1px solid #bcbcbc;border-left: none;}

.khal .khal_con .khal_bot .khal_info .p1 span {background: url(../images/khalicon01.png) no-repeat center;}
.khal .khal_con .khal_bot .khal_info .p2 span {background: url(../images/khalicon02.png) no-repeat center;}
.khal .khal_con .khal_bot .khal_info a.yydz {display: block;width: 110px;height: 110px;background: url(../images/khal02.png) no-repeat center;position: absolute;right: 0;top: 0;}


/**/
.advantage {background: url(../images/advbg01.jpg) no-repeat center top;}
.advantage p.p_title {padding-bottom: 80px;}
.advantage .adv_con {height: 1607px;background: url(../images/adv01.png) no-repeat center top;position: relative;}
.advantage .adv_con .conbox {width: 450px;position: absolute;height: 290px;padding-left: 90px;}
.advantage .adv_con .conbox .box_top {height: 89px;}
.advantage .adv_con .conbox .box_top span {position: absolute;left: 0;top: 0;width: 78px;height: 87px; background: url(../images/adv02.png) no-repeat center;text-align: center;font-size: 14px;color: #fff;padding-top: 10px;}
.advantage .adv_con .conbox .box_top b {display: block;font-size: 24px;} 
.advantage .adv_con .conbox .box_top .box_p1 {height: 30px;line-height: 30px;font-size: 22px;font-weight: bold;color: #d01817;}
.advantage .adv_con .conbox .box_top .box_p2 {height: 30px;line-height: 30px;font-size: 18px;color: #000;}
.advantage .adv_con .conbox ul {padding-left: 15px;border-left: 1px solid #bdbdbd;height: 160px;}
.advantage .adv_con .conbox ul li {line-height: 20px; font-size: 14px;color: #000;position: relative;top: -12px;margin-bottom: 10px;}
.advantage .adv_con .conbox ul li i {display: block;width: 7px;height: 7px;background: url(../images/artty01.png) no-repeat center;position: absolute;left: -19px;top: 6px;}

.advantage .adv_con .conbox a.boxa {display: block;width: 145px;height: 60px;font-size: 13px;color: #000;text-align: center;background: url(../images/adv03.png) no-repeat center;line-height: 50px;position: relative;top: -25px;left: 18px;}
.advantage .adv_con .con1 a.boxa {background: url(../images/adv04.png) no-repeat center;}
.advantage .adv_con .con2 a.boxa {background: url(../images/adv04.png) no-repeat center;}
.advantage .adv_con .con3 a.boxa {background: url(../images/adv04.png) no-repeat center;}
.advantage .adv_con .con4 a.boxa {background: url(../images/adv04.png) no-repeat center;}
.advantage .adv_con .con1 {right: 0;top: 0;}
.advantage .adv_con .con2 {left: 0;top: 430px;}
.advantage .adv_con .con3 {right: 0;top: 827px;}
.advantage .adv_con .con4 {left: 0;top: 1257px;}
.advantage .adv_con .con1 a.boxa:hover{color:#d01817}
.advantage .adv_con .con2 a.boxa:hover{color:#d01817}
.advantage .adv_con .con3 a.boxa:hover{color:#d01817}
.advantage .adv_con .con4 a.boxa:hover{color:#d01817}

/**/
.about {padding-bottom: 65px;}
.about .container {background: url(../images/abobg.png) no-repeat 20px bottom;height:416px;}
.about .conleft {width: 540px;height: 350px;position: relative;background: #d01817;}
.about .conleft a {display: block;position: relative;top: 20px;left: 20px;}
.about .conright {width: 595px;height:416px;background: url(../images/abobg02.png) no-repeat left bottom;}
.about .conright h3 {font-size: 15px;font-weight: normal;margin-bottom: 30px;}
.about .conright h3 a {color: #d01817;}
.about .conright .abo_p1 {font-size: 13px;line-height: 20px;}
.about .conright .abo_p1 a {color: #333;}
.about .conright .abo_p2 {height:40px;overflow: hidden;margin-top: 30px;}
.about .conright .abo_p2 a {float: right; width: 112px;height: 38px;line-height: 38px;text-align: center;border: 1px solid #d7d7d7;border-radius: 20px;font-size: 14px;margin-left: 10px;}
.about .conright .abo_p2 a:hover {background: #D01817;border-color: #D01817;color: #fff;}


/**/
.xffc {height: 315px;border-bottom: 1px solid #e0e0e0;background: #f4f4f4;}
.xffc .container {position: relative;}
.xffc .fc_con {position: relative;height: 310px;top: -60px;overflow: hidden;}
.xffc .fc_con ul {position: relative;}
.xffc .fc_con ul li {width: 290px;float: left;margin-left: 12px;}
.xffc .fc_con ul li:first-child {margin-left: 0;}
.xffc .fc_con ul li p {height: 60px;line-height: 60px;text-align: center;font-size: 13px;color: #333;background: #f0f0f0;}
.xffc .fc_con ul li i {display: block;width: 290px;height: 250px;overflow: hidden;}
.xffc .fc_con ul li img {display: block;}
.xffc .fc_con ul li:hover p {color: #fff;background: #d01817;} 
.xffc .fcbtnl {display: block;width: 54px;height: 59px;position: absolute;left: -80px;top: 80px;background: url(../images/jtl03.png) no-repeat center; cursor: pointer;}
.xffc .fcbtnr {display: block;width: 54px;height: 59px;position: absolute;right: -80px;top: 80px;background: url(../images/jtr03.png) no-repeat center;cursor: pointer;}


/**/
.news {border-top: 1px solid #fff;border-bottom: 1px solid #e0e0e0;background: #f4f4f4;}
.news .newsCon {width: 340px;padding: 30px 29px;border: 1px solid #e0e0e0;border-top: none;margin: -1px 0 0 -1px;border-bottom: none;float: left;}
.news h3 {font-weight: normal;margin-bottom: 24px;}
.news h3 a {display: block;height: 34px;background: url(../images/news01.png) no-repeat right center;}
.news h3 b {font-size: 22px;color: #d01817;margin-right: 10px;}
.news h3 i {font-size: 10px;}
.news dt {padding: 10px;background: #fff;margin-bottom: 15px;}
.news dt img {display: block;}
.news dd {height: 24px;line-height: 24px;padding-left: 18px;background: url(../images/ty01.png) no-repeat left center;margin-bottom: 10px;font-size: 13px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.news dd a {color: #333;}

.news a.news_more {display: block; width: 112px;height: 38px;line-height: 38px;text-align: center;border: 1px solid #d7d7d7;border-radius: 20px;font-size: 14px;margin-top: 40px;}

.news .newsCon:hover a.news_more {background: #D01817;color: #fff;border-color: #D01817;}
.news dl dd:hover {background: url(../images/ty02.png) no-repeat left center;}


/**/
.prodh {height: 120px;padding: 40px 0;background: url(../images/dhbg.jpg) repeat-y;}
.prodh .dh_d1 {width: 220px;float: left;background: url(../images/dhicon01.png) no-repeat left bottom;height: 120px;}
.prodh .dh_d1 h3 {font-size: 16px;}
.prodh .dh_d1 h3 a {color: #d01817;}
.prodh .dh_d1 h3 i {display: block;font-size: 13px;color: #ccc;}

.prodh .dh_ul {float: left;width: 205px;height: 120px;border-left: 1px dotted #c4c4c4;padding-left: 80px;}
.prodh .dh_ul li {height: 24px;line-height: 24px;margin-bottom: 10px;padding-left: 20px;background: url(../images/ty01.png) no-repeat left center;font-size: 13px;}
.prodh .dh_ul li a {color: #333;}
.prodh .dh_ul li:hover {background: url(../images/ty02.png) no-repeat left center;font-weight: bold;}
.prodh .dh_ul li:hover a {color: #D01817;}
.prodh .ul1 {border-left: none;}


/*yqlj*/
.yqlj {padding:20px 0;background: #f5f5f5;border-top: 1px solid #e0e0e0;}
.yqlj .yqlj_con {padding: 5px 0;}
.yqlj .yqlj_con .yqlj_p1 {width: 75px;font-size: 14px;color: #fff;height: 16px;line-height: 16px;background: url(../images/yqlj01.png) no-repeat right center;}
.yqlj .yqlj_con .yqlj_p1 a {color: #d01817;}
.yqlj .yqlj_con .yqlj_p2 {width: 1080px;}
.yqlj .yqlj_con .yqlj_p2 a {padding:0 16px; float: left;line-height: 16px;font-size: 14px;color: #666;border-left: 1px dotted #ccc;}
.yqlj .yqlj_con .yqlj_p2 a:first-child {border-left:none;padding-left: 0;}

.yqlj .yqlj_con .yqlj_p2 a:hover {color: #d01817;}